<template name="home_notifications">
  <div class="col">
    <div class="notifications-content p-3">
      <!-- 标题 -->
      <div class="title mb-3">
        <span class="title-text mr-auto">通知</span>
        <!-- <a href="/settings" class="title-link">通知设置<i class="material-icons">navigate_next</i></a> -->
      </div>
      <!-- 工具 -->
      {{#if results.count}}
        <div class="row">
          <div class="notifications-header col-lg-8 mx-auto">
            <a href="#mark-all-read" class="mark-all-read">全部标记为已读</a>
          </div>
        </div>
      {{/if}}
      <!-- 列表 -->
      <div class="row">
        <div class="col-lg-8 mx-auto">
          {{#infinite_scroll}}
            <div class="listview listview-notifications p-0 mb-3">
              {{#each result in results}}
                {{> notifications_list_item notification=result}}
              {{else}}
                {{#unless loading}}
                  <p class="text-center text-muted mt-3">Good，已看完所有通知 ˙ω˙</p>
                {{/unless}}
              {{/each}}
            </div>
          {{/infinite_scroll}}
        </div>
      </div>
    </div>
  </div>
</template>